body {
    background-color: var(--bg_color);
    transition: 0.7s all;
    width: 100%;
    height: 100%;
    position: relative;
}

h1 {
    color: var(--text_color);
    /*font-size: 200px;*/
    opacity: 1;
}

.h1 {
    position: relative;
    color: var(--text_color);
    /*font-size: 200px;*/
    float: right;
    right: 520px;
    opacity: 1;
    display: inline-block;
    margin-bottom: 30px;
}

.p1 {
    color: var(--text_color);
    font-size: 20px;
    opacity: 1;
    text-align: center;
    line-height: 46px;
}

/*///////////////////////////////////////////////*/
.div_tag {
    /*background-color: red;*/
    width: 100%;
    height: 240px;
    position: absolute;

}

.bg_img {
    position: absolute;
    float: right;
    width: 100%;
    height: 2540px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0px auto;
    /*transition: 0.1s;*/
}

.bg_img_page {
    position: absolute;
    float: right;
    width: 100%;
    height: 3340px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0px auto;
    /*transition: 0.1s;*/
}

.banner_img_page {
    position: relative;
    float: right;
    width: 1200px;
    margin: 10px 10px auto auto;
    right: 10px;
}

/*//////////////////////////////////////////////////*/
/* 网页顶部Tag 文本*/
.tag_text {
    position: relative;
    /*border: red solid;*/
    width: 1000px;
    height: 150px;
    top: 90px;
    left: 90px;
}

.tag_text p {
    font-size: 50px;
    /*font-family:楷体;*/
    color: var(--text_color);
    opacity: 0.6;
    font-weight: bold;
}

/*////////////////////////////////////////////////////*/

/*文本图片盒子*/
.box_text {
    position: relative;
    width: 1200px;
    height: 1600px;
    background-color: var(--bg_box_color);
    /*border-radius: 2%/1%;*/
    /*box-shadow: 0px 0px 5px 5px #9a9fa7;*/
    margin-right: 10px;
    filter: alpha(Opacity=80);
    opacity: 0.9;
    z-index: 3;
    float: right;
}

.box_text a:link {
    text-decoration: none;
}

.box_text_page {
    position: relative;
    width: 1200px;
    height: 2500px;
    background-color: var(--bg_color);
    border-radius: 2%/1%;
    box-shadow: 0px 0px 5px 5px #9a9fa7;
    margin-right: 10px;
    filter: alpha(Opacity=80);
    opacity: 0.9;
    z-index: 3;
    float: right;
}

.box_01 {
    margin: 15px 10px 5px 10px;
    width: 1180px;
    height: 500px;
    background-color: var(--bg_color);
    /*border-radius: 2%/4%;*/
    box-shadow: 0 0 5px 5px var(--div_float_color);
    transition: all 0.3s ease-in;
    overflow: hidden;
}

.box_01 span {
    line-height: 30px;
    font-size: 20px;
    color: var(--text_color);

}

.box_01 img {
    margin: 0 20px 0 20px;

}

.box_01:hover {
    box-shadow: 0 0 20px 5px var(--div_float_color);
    transform: scale(1.025);
}

.page {
    width: 100%;
    height: auto;
    font-size: 25px;
}

.previous_page a {
    position: absolute;
    color: var(--text_color);
    left: 5%;
    bottom: 20px;

}

.previous_page a:link {
    text-decoration: none;
}

.previous_page a:hover {
    color: red;
}

.next_page a {
    position: absolute;
    color: var(--text_color);
    right: 5%;
    bottom: 20px;
}

.next_page a:link {
    text-decoration: none;
}

.next_page a:hover {
    color: red;
}

/*///////////////////////////////////////////////////////////*/
/*侧边栏*/
.sidebar {
    width: 350px;
    height: 1800px;
    background-color: var(--bg_box_color);
    position: absolute;
    top: 0px;
    margin-left: -5px;
    filter: alpha(Opacity=80);
    opacity: 0.5;
    float: left;
    z-index: 3;
}

.sidebar_box {
    width: 350px;
    height: 400px;
    /*background-color: red;*/
    margin-top: 10px;
    box-shadow: 0px 0px 5px 5px #9a9fa7;
}

.sidebar_box_1 {
    width: 350px;
    height: 450px;
    /*background-color: red;*/
    margin-top: 10px;
    box-shadow: 0px 0px 5px 5px #9a9fa7;
}

.sidebar_tag {
    position: relative;
    color: var(--text_color);
    font-size: 33px;
    font-weight: bold;
    height: 50px;
    width: 335px;
    top: 10px;
    margin: 10px auto 20px auto;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 2px var(--tag_color);
    /*background-image: url("../img/tag.png");*/
    background-repeat: no-repeat;

}

.sidebar_github {
    /*background-image: url("../img/github_light.png");*/
    height: 60px;
    width: 335px;
    background-repeat: no-repeat;
}

.sidebar_search {
    position: relative;
    color: var(--text_color);
    font-size: 33px;
    font-weight: bold;
    height: 50px;
    width: 335px;
    top: 10px;
    margin: 20px auto 30px auto;
    border-radius: 5px;
    /*box-shadow: 0px 0px 10px 2px var(--tag_color);*/
    background-image: url("../img/tag.png");
    background-repeat: no-repeat;

}

.sidebar_input {
    height: 40px;
    width: 200px;
    font-size: 30px;
    border: 2px solid var(--div_float_color);
}

.sidebar_button {
    height: 40px;
    width: 70px;
    font-size: 23px;
}

.sidebar_text {
    position: relative;
    font-size: 20px;
    color: var(--text_color);
    font-weight: bold;
    /*line-height: 26px;*/
    height: 300px;
    width: 335px;
    top: 10px;
    margin: 10px auto 20px auto;
    border-radius: 5px;
    /*box-shadow: 0px 0px 10px 2px var(--tag_color);*/
}

.sidebar_text a {
    position: relative;
    font-size: 20px;
    line-height: 50px;
    color: var(--text_color);
    font-weight: bold;
    height: 300px;
    width: 335px;
    top: 10px;
    margin: 10px auto 20px auto;
    border-radius: 5px;
    /*box-shadow: 0px 0px 10px 2px var(--tag_color);*/
}

.sidebar_text a:link {
    text-decoration: none;
}

.sidebar_text a:hover {
    text-decoration: none;
    color: red;
}

.cal_box {
    width: 340px;
    font-weight: bold;
    font-size: 20px;
    color: var(--text_color);
    margin: 1px auto;
    box-shadow: 0px 0px 2px 2px #9a9fa7;
    border-radius: 5px;
}

/*///////////////////////////////////////////////////////////////////*/

/*底部*/
#footer {
    /*position: relative;*/
    height: 80px;
    line-height: 80px;
    width: 100%;
    text-align: center;
    background-color: rgba(0,0,0,0);
    background-image: url("../img/banner_fo_atum.png");
    background-repeat: no-repeat;
    color: var(--text_color);
    font-family: Arial;
    font-size: 20px;
    letter-spacing: 1px;
    border-top: 1px solid var(--text_color);
    /*float: bottom;*/
}